<template>
   <van-search v-model="value" shape="round" background="#f66" :placeholder="请输入搜索关键词" show-action>
      <template #left>
         <div>北京</div>
      </template>
      <template #label>
         <div class="label">
         <van-icon name="../src/assets/imgs/logo.jpg" size="30"></van-icon><span>&nbsp;|</span>
         </div>
      </template>
   <template #action>
      <div class="loginCls">登录</div>
   </template>
   </van-search>
</template>
<script>
export default {
   data(){
      return{
         value:"",
         lastSearch:"立柜式空调"
      }
   }
}
</script>
   
<style scoped>
.label{
   display: flex;
   width: 40px;
   height: 36px;
   /* border: 1px solid black; */
   align-items: center;
   font-size: 20px;
   color: rgb(137,137,137);
   font-weight: bold;
}
.loginCls{
   color: white;
}
</style>